<template>
  <cloud-dialog
    title="节点级联说明"
    :visible="visible"
    :width="800"
    :footer="false"
    :before-ok="handleDialogConfirm"
    :before-open="handleDialogCancel"
    :before-close="handleDialogClose"
    @update:visible="emit('update:visible', $event)">
    <basic-tips-bar
      text="在同一区域内，L1 节点会自动向 L2 节点进行回源；若同一区域内没有 L2 节点，L1 节点将直接向源站回源"></basic-tips-bar>
    <div
      class="w-full h-230px p-4 bg-#F9FCFF border border-solid border-color-#E8F3FF rounded mt-6">
      <img
        class="w-full h-full"
        src="@/assets/images/node-cascade-desc.png"
        alt="node-cascade-desc" />
    </div>
  </cloud-dialog>
</template>

<script setup lang="ts">
interface IEmit {
  (event: 'update:visible', value: boolean): void
  (event: 'update:record', value: null): void
}

interface IProps {
  visible: boolean
  record?: null
}

const emit = defineEmits<IEmit>()
defineProps<IProps>()

// dialog确定
function handleDialogConfirm() {}

// dialog取消
function handleDialogCancel() {}

// dialog关闭
function handleDialogClose() {
  emit('update:record', null)
}
</script>

<style scoped lang="less"></style>
